<!DOCTYPE html>
<html class="dark">

<head>
  <meta charset="utf-8">
  <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
  <meta name="renderer" content="webkit">
  <meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1, user-scalable=no">
  <link rel="icon" href="/logo.png">
  <title>蜗易Admin</title>
  <!--[if lt IE 11]><script>window.location.href='/html/ie.html';</script><![endif]-->
  <style>
    html,
    body,
    #app {
      height: 100%;
      margin: 0px;
      padding: 0px;
    }

    .chromeframe {
      margin: 0.2em 0;
      background: #ccc;
      color: #000;
      padding: 0.2em 0;
    }
  </style>
  <style>
    /* 以下是loading特效 */

    .load-box {
      position: absolute;
      top: 50%;
      left: 50%;
      transform: translate(-50%, -50%);
    }

    .loadEffect {
      width: 100px;
      height: 100px;
      position: relative;
      margin: 0 auto;

    }

    .loadEffect span {
      display: inline-block;
      width: 16px;
      height: 16px;
      border-radius: 50%;
      /* background: lightgreen; */
      background: #1ed4ff;
      position: absolute;
      -webkit-animation: load 1.04s ease infinite;
    }

    @-webkit-keyframes load {
      0% {
        opacity: 1;
      }

      100% {
        opacity: 0.2;
      }
    }

    .loadEffect span:nth-child(1) {
      left: 0;
      top: 50%;
      margin-top: -8px;
      -webkit-animation-delay: 0.13s;
    }

    .loadEffect span:nth-child(2) {
      left: 14px;
      top: 14px;
      -webkit-animation-delay: 0.26s;
    }

    .loadEffect span:nth-child(3) {
      left: 50%;
      top: 0;
      margin-left: -8px;
      -webkit-animation-delay: 0.39s;
    }

    .loadEffect span:nth-child(4) {
      top: 14px;
      right: 14px;
      -webkit-animation-delay: 0.52s;
    }

    .loadEffect span:nth-child(5) {
      right: 0;
      top: 50%;
      margin-top: -8px;
      -webkit-animation-delay: 0.65s;
    }

    .loadEffect span:nth-child(6) {
      right: 14px;
      bottom: 14px;
      -webkit-animation-delay: 0.78s;
    }

    .loadEffect span:nth-child(7) {
      bottom: 0;
      left: 50%;
      margin-left: -8px;
      -webkit-animation-delay: 0.91s;
    }

    .loadEffect span:nth-child(8) {
      bottom: 14px;
      left: 14px;
      -webkit-animation-delay: 1.04s;
    }

    .load_title {
      color: #1ed4ff;
      padding-top: 40px;
    }

    .container {
      background-color: #000;
      position: fixed;
      top: 0;
      left: 0;
      right: 0;
      bottom: 0;
      display: flex;
      justify-content: center;
      align-items: center;
      z-index: 9999;
    }
  </style>
  <script>
    var _hmt = _hmt || [];
    (function() {
      var hm = document.createElement("script");
      hm.src = "https://hm.baidu.com/hm.js?9fff315766cc070eda11210c0871c2bc";
      var s = document.getElementsByTagName("script")[0]; 
      s.parentNode.insertBefore(hm, s);
    })();
    </script>
</head>

<body>
  <div id="app">
    <div class="container">
      <div class="load-box">
        <div class="loadEffect">
          <span></span>
          <span></span>
          <span></span>
          <span></span>
          <span></span>
          <span></span>
          <span></span>
          <span></span>
        </div>
        <div class="load_title">资源加载中，请耐心等待</div>
      </div>
    </div>
  </div>

  </div>
  <script type="module" src="/src/main.js"></script>

</body>

</html>